<template>
  <div class="home-view">
    <el-card>
      <template #header>
        <h2>{{ $t('nav.home') }}</h2>
      </template>
      
      <div class="welcome-section">
        <h3>{{ $t('home.welcome') }}</h3>
        <p>{{ $t('home.description') }}</p>
      </div>
    </el-card>

  </div>
</template>

<script setup>
</script>

<style scoped>
.home-view {
  max-width: 800px;
  margin: 0 auto;
}

.welcome-section {
  margin-bottom: 20px;
}

.welcome-section h3 {
  color: #667eea;
  margin-bottom: 10px;
}

.info-section,
.actions-section {
  margin-top: 20px;
}

h4 {
  margin-bottom: 15px;
  color: #333;
}
</style>

